*, *:after, *:before {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
/*椤电湁*/
.fl{float: left;}
.fr{float: right;}

.header1{ width: 100%; height: 80px;background: rgba(255, 255, 255, 0.7);overflow: hidden;position: fixed;z-index:9;top: 0;}
.header-l{ width:202px; margin-left: 5%;}
.header-l img{ width: 100%; margin-top: 20px;}
.header-nav{ margin-right: 5%;}
.header-nav ul{}
.header-nav ul li{ float: left; text-align: center; margin: 0 15px;}
.header-nav ul li a{ font-size: 16px; color: #333; line-height: 78px; display: block;margin-top:0;}
.header-l a{margin-top:0 !important;}
.header-nav ul li.nobg a{ border-bottom: solid 2px #044f9f;}
.header-nav ul li a:hover{ border-bottom: solid 2px #044f9f;color: #044f9f; text-decoration: none;}
.header-nav ul li:last-child{margin-right: 0;}
@media ( max-width:1200px) {
.header-l img{ width: 80%; margin-top: 26px;}
.header-nav ul li{ margin: 0 10px;}
.header-nav ul li a{ font-size: 14px;}
}
@media ( max-width:1100px){
.header-l{ margin-left: 4%;}
.header-nav{ margin-right: 4%;}	
}
.header{ display: none;}
@media ( max-width:990px){
.header1{ display: none;}
.header { position: fixed; top: 0; left: 0; width: 100%; background:rgba(255,255,255,0.7); z-index: 1000; height: 60px; box-shadow: 0 0 15px rgba(0,0,0,0.2); display: block;}
.header .logo {width: 40%; margin-left: 15px;}
.header .logo img{height: 28px;
    margin-top: 17px;}
.menu_btn { cursor: pointer; z-index: 100; position: absolute; width: 32px; right: 15px; top: 0; height: 60px; }
.menu_btn label { display: block; width: 32px; height: 3px; background: #044f9f; margin: 2px auto; position: absolute; left: 0; top: 50%;right: 0;}
.menu_btn label.lbl1 { margin-top: -8px; width: 22px;}
.menu_btn label.lbl2 {margin-top: 0px;}
.menu_btn label.lbl3 {margin-top: 8px; width: 22px;}
.menu { position: fixed;top: 0; right: -340px;bottom: 0; background: #044f9f; width: 340px;z-index: 99;}
.menu ul { margin-top: 59px; border-top: 1px solid #ffa201;}
.menu li a { background-position: right center;background-repeat: no-repeat; display: block; padding: 15px 0; color: #fff;}
.menu li a:hover, .menu li.on a { background-position: 90% center;background-color: #ffa201;}
.menu li h4 { padding-left: 40px; font-size: 16px; line-height:32px; font-weight: normal;}
.h_menu .menu_btn { right: 228px; height: 60px; width: 112px;}
.h_menu .menu {right: 0;}
.h_menu .menu_btn label{ background: #fff;}
.h_menu .menu_btn label.lbl1 {transform: rotate(45deg);margin-top: 0px; width: 35px; height: 3px;}
.h_menu .menu_btn label.lbl2 {opacity: 0;}
.h_menu .menu_btn label.lbl3 {transform: rotate(-45deg);margin-top: 0px; width: 35px; height: 3px;}
}